<template>
  <div id="app">
    <!-- <to-do-list></to-do-list>
    <to-do-row></to-do-row>
    <justify-content></justify-content>
    <alignltems></alignltems>
    <fiex-grow></fiex-grow>
    <file-center></file-center>
    <top-menu></top-menu>
    <relative></relative>
    <absolutely></absolutely>
    <relabs></relabs>
    <sousuo></sousuo>
    <chuankou></chuankou>
    <crbut>xiaosir</crbut>
    <czbut title="xiaosiril"></czbut>
    <vuevue @click="ttt"></vuevue>
    <ddd></ddd>
    <review-bind-class></review-bind-class>
    <mybut type="default" size="default" width="100px" icon="icon-sousuo"
      >测试1</mybut
    >
    <i class="iconfont icon-sousuo"></i>
    <mybut type="danger" size="small" width="50px">测试2</mybut>
    <mybut type="success" size="big" width="75px">测试3</mybut>
    <mybut type="warning" size="default" width="25px">测试4</mybut>
    <mybut type="info">测试5</mybut> -->
    <!-- <simple-table></simple-table> -->
      <!-- <tansition-base></tansition-base>
      <tansition></tansition>
    <keyframes-base></keyframes-base>
    <keyframes></keyframes>
    <my-switch-template></my-switch-template> -->
    <!-- <transitionput></transitionput>
    <shengmingzhouqi></shengmingzhouqi> -->
    <article-list></article-list>
    <mock-test></mock-test>
  </div>
</template>

<script>
import toDoList from "./views/lesson4/toDolist.vue";
import toDoRow from "./views/lesson4/toDorow.vue";
import justifyContent from "./views/lesson5/justifyContent.vue";
import alignltems from "./views/lesson5/alignltems.vue";
import fiexGrow from "./views/lesson5/fiexGrow.vue";
import fileCenter from "./views/lesson5/fileCenter.vue";
import topMenu from "./views/lesson5/topMenu.vue";
import relative from "./views/lesson6/relative.vue";
import absolutely from "./views/lesson6/absolutely.vue";
import relabs from "./views/lesson6/relabs.vue";
import sousuo from "./views/lesson6/sousuo.vue";
import chuankou from "./views/lesson6/chuankou.vue";
import crbut from "./views/lesson7-8/crbut.vue";
import czbut from "./views/lesson7-8/czbut.vue";
import vuevue from "./views/lesson7-8/vuevue.vue";
import ddd from "./views/lesson7-8/ddd.vue";
import ReviewBindClass from "./views/lesson9/reviewBindClass.vue";
import mybut from "./views/lesson9/mybut.vue";
import SimpleTable from "./views/lesson11and12/SimpleTable.vue"
import tansition from './views/lesson13/tansition.vue';
import TansitionBase from './views/lesson13/tansition-base.vue';
import KeyframesBase from './views/lesson13/keyframes-base.vue';
import Keyframes from './views/lesson13/keyframes.vue';
import MySwitchTemplate from './views/lesson13/mySwitch-template.vue';
import Transitionput from './views/lesson13/transitionput.vue';
import Shengmingzhouqi from './views/lesson14/shengmingzhouqi.vue';
import ArticleList from './views/lesson15/articleList.vue';
import MockTest from './views/lesson15/mockTest.vue';
export default {
  components: {
    toDoList,
    toDoRow,
    justifyContent,
    alignltems,
    fiexGrow,
    fileCenter,
    topMenu,
    relative,
    absolutely,
    relabs,
    sousuo,
    chuankou,
    crbut,
    czbut,
    vuevue,
    ddd,
    ReviewBindClass,
    mybut,
    SimpleTable,
    tansition,
    TansitionBase,
    KeyframesBase,
    Keyframes,
    MySwitchTemplate,
    Transitionput,
    Shengmingzhouqi,
    ArticleList,
    MockTest
  },
};
</script>
    